
body {font-family:verdena,arial,sans-serif;font-size:12px;background-color:white; margin:0px;}

/*LOGO*/
.logo {border:0px;margin:auto;display:table;margin-bottom:5px;float:left;clear:both;margin-top:2em;}
/*login*/
.login {
display:inline;
text-align:right;
margin:0;
padding:0;
float:right;
position:fixed;
top:1px;
right:1px;
;z-index:99;}
span.username {font-weight:bold;}
/*search*/
.search {
	display:inline;
	text-align:right;
	margin:0;
	padding:0;
	float:right;
	position:fixed;
	top:2em;
	right:1px;
;z-index:99;}
/*MENU*/
.menu * {
	display:inline;
	text-align:center;
	margin:0;
	padding:0;
}
div.menu  {
	position:fixed;;z-index:99;opacity:0.9;filter:alpha(opacity=90);background-color:#f0f0ff;border-bottom: 3px solid navy;}
.menu ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float:left;
}
.menu ul  li,.menu ul  ul{
	float: left;position: relative
}
.menu ul  a {text-decoration:none;}
.menu  ul a:hover {
	text-decoration:none;
	border-bottom: 3px solid red;
	background-color:silver;
}
.menu ul li a {
	width:10em;
	display:block;
	border-right: 1px solid black;
	border-bottom: 3px solid transparent;
	height:1.5em;
	line-height: 1.5em;
}
.menu img {vertical-align:text-top;display:inline;padding: 0;margin:1px 3px 1px 1px ;border:0}
/*SUBMENU*/
.menu ul ul{
	width:10em;
	float:left;
	height:auto;
	display:none;
}
.menu ul  li:hover ul,.menu ul li.sfhover ul{display:block;z-index: 100;opacity:0.9;filter:alpha(opacity=90);background-color:#c0c0ee}
/*FILTER in TITLE LIST*/
.filter {float:left;margin-bottom=1em}
.filter * {float:left}
div.genrebox {float:left;text-align:center;width: 50em ;
	margin-left:auto;
	margin-right: auto;}
div.genreitem{float:left}
/*INTERRUZIONE*/
.break {clear:both;width:100%;margin:1em;display:block;}

/*DEFAULT LINK*/
a {color:black;}
a:hover{
    text-decoration: underline;}
/*pagination*/
.pagination {width:100%; text-align:center;}
.spacer {margin:1.5em;}
/*MULTI COLUMN*/
.titlelist{text-align:center;width: 99%;
margin-left:auto;
margin-right: auto;
margin-bottom:1em;}
.itemlist{text-align:left;width: 99%;
margin-left:auto;
margin-right: auto;}
.listitemtitle{font-weight:bold;margin-top:1.5em;}
.listitemelement{}
.section {float:left; width:100%; margin-top:10px}
DIV.tcolleft {
width :30%;float : left ;
  }
DIV.tcolcenter {
width :30%;float : left ;
  }
DIV.tcolright {
width :30%;float : left ;
}

DIV.colleft70 {
float: left; width: 69%;
  }

DIV.colright70 {
    float: right; width: 30%;
}
DIV.colleft {
float: left; width: 49%;
  }

DIV.colright {
    float: right; width: 49%;
}
/*TITLES & PEOPLE*/
img.small {HEIGHT:60px;padding: 0;margin:1em 0px 0px 0px;border-width:0}
.autowidth {width:auto;}
.key {font-weight:bold;}

.title { font-size: 150%;   
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
         text-align:center;
         margin:auto;
         float:center;
         border-width:3px;
         border-style:dashed none dashed none;
         background-color: #7095c3;
         display:table;
         width:10em;
         padding: .5em;
        /* for IE */
        filter:alpha(opacity=80);
        /* CSS3 standard */
        opacity:0.8;
        }
.subtitle { font-size: 110%;   
         text-align:center;
         margin:auto;
         float:center;
         border-style: none;
         background-color: #C3D2FA;
         display:table;
         width:auto;
         padding: .5em;
        /* for IE */
        filter:alpha(opacity=80);
        /* CSS3 standard */
        opacity:0.8;
        }

.cover,.headshot {padding:10px;
                  background-color:#7095c3;
                  border-width:3px;
                  border-style:none dashed none dashed ;
                  margin:1em;
             margin-left: 20px;
             }
.inline{vertical-align: text-bottom;
        padding:0px;
        border-width:0px;
        margin:1px;
        float:none;
       }
.item {font-size: 125%;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
       border-style:dashed none dashed none;
       padding: .5em; 
       border-width: 3px;
       margin:auto;
       width:10em;
       text-align:center;
       float:left;
       clear:left;
       background-color:#7095c3;
       margin-left: 20px;
        }

.itemcontent
    {
        margin:auto;
        float:left;
        clear:left;
        margin:auto;
        width:auto;
        margin-bottom: 12px;
        margin-left: 20px;
        border-style:none;
        padding: 1em; 
        border-width: 0px 0px 3px 3px;
        background-color: #C3D2FA;
        /* for IE */
        filter:alpha(opacity=80);
        /* CSS3 standard */
        opacity:0.8;
        
    }
       
.plot,.bio {
            width:auto;
            padding: 1em; 
            margin-bottom: 12px;
            }

.actors,.characters,.director
    { width:auto;
            margin-bottom:12px;
            padding: 1em; 
            text-align:left;
    }

.actors * , .characters * , .director * {margin:0;padding:0}

.rightcol
    {
        float:right;
        clear:right;
        margin:auto;
        width:15em;
        margin-left: 20px;
        border-style:solid;
        border-color: #5168A6;
        padding: 0.3em; 
        border-width: 0px 0px 1px 1px;
        background-color: #C3D2FA;
        /* for IE */
        filter:alpha(opacity=80);
        /* CSS3 standard */
        opacity:0.8;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
    }
/*TASKS*/

.tasklist table {margin:auto;float:center;border-collapse:collapse;border:solid 1px black}
.tasklist table td {border:solid 1px black;margin:0;padding:2px;}
.tasklist tr.odd {background-color:silver} 

div.content {float:left;clear:both;width:98%;position:absolute;top:9em;padding:0 2px 0 2px;}



#nav, #nav ul {
    float: left;
    width: 36em;
    list-style: none;
    line-height: 1;
    background: white;
    font-weight: bold;
    padding: 0;
    border: solid #eda;
    border-width: 1px 0;
    margin: 0 0 1em 0;
}

#nav a {
    display: block;
    width: 10em;
    w\idth: 6em;
    color: #7C6240;
    text-decoration: none;
    padding: 0.25em 2em;
}

#nav a.daddy {
    background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
    float: left;
    padding: 0;
    width: 10em;
}

#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 14.4em;
    w\idth: 13.9em;
    font-weight: normal;
    border-width: 0.25em;
    margin: 0;
}

#nav li li {
    padding-right: 1em;
    width: 13em
}

#nav li ul a {
    width: 13em;
    w\idth: 9em;
}

#nav li ul ul {
    margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}

#nav li:hover, #nav li.sfhover {
    background: #eda;
}
